<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>商品管理界面</title>
		<link href="css/style1.css" rel="stylesheet" type="text/css" />
		<link href="css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/select-ui.min.js"></script>
		<script type="text/javascript" src="editor/kindeditor.js"></script>
		<script type="text/javascript">
			$(document).ready(function(e) {
				$(".select1").uedSelect({
					width: 345
				});
				$(".select2").uedSelect({
					width: 100
				});
				$(".select3").uedSelect({
					width: 100
				});
			});
		</script>
	</head>
	<style type="text/css">
		/* diy_select */
		.f_wid {
			width: 80px;
		}

		.diy_select {
			height: 35px;
			width: 100%;
			position: relative;
			font-size: 12px;
			color: #666;
			float: left;
			text-align: center;
		}

		.diy_select_btn,
		.diy_select_txt {
			float: left;
			height: 100%;
		}

		.diy_select,
		.diy_select_list {}

		.diy_select_txt,
		.diy_select_list li {
			overflow: hidden;
			width: 100%;
			text-align: center;
		}

		.diy_select_list {
			position: absolute;
			top: 35px;
			left: -1px;
			z-index: 88888;
			background: #fff;
			border-top: none;
			width: 100%;
			display: none;
			_top: 29px
		}

		.diy_select_list li {
			list-style: none;
			height: 35px;
			line-height: 35px;
			cursor: default;
			_background: #fff
		}

		.diy_select_list li.focus {
			background: #3399FF;
			color: #fff
		}
	</style>
	<body>
		<div class="formbody">
			<div id="usual1" class="usual">
				<div class="itab">
					<ul>
						<li><a href="#tab2">商品管理</a></li>
					</ul>
				</div>
				<div id="tab2" class="tabson">
					<ul class="seachform">
						<li>
							<label>查询方式</label>
							<div class="vocation">
								<select class="select3">
									<option>按编号查询</option>
									<option>按姓名查询</option>
									<option>模糊查询</option>
								</select>
							</div>
						</li>
						<li>
							<input name="" type="text" class="scinput" />
						</li>
						<li>
							<label>&nbsp;</label>
							<input name="" type="button" class="scbtn" value="查询" />
						</li>
					</ul>
					<div class="tools">
						<ul class="toolbar">
							<li class="click"><span><img src="images/t01.png"></span>添加</li>
							<li><span><img src="images/t03.png"></span>删除</li>
						</ul>
					</div>
					<div class="clear"></div>
					<table class="tablelist">
						<thead>
							<tr>
								<td width="65" bgcolor="#B0BBD1"><label>
										<input type="checkbox" name="cbkAll" id="cbkAll" />
										全选
									</label></td>
								<th>商品ID<i class="sort"><img src="images/px.gif" /></i></th>
								<th>商品编码</th>
								<th>商品名称</th>
								<th>品牌表的ID</th>
								<th>一级分类ID</th>
								<th>二级分类ID</th>
								<th>三级分类ID</th>
								<th>商品销售价格</th>
								<th>上下架状态：0下架1上架</th>
								<th>审核状态：0未审核，1已审核</th>
								<th>商品重量</th>
								<th>商品颜色</th>
								<th>生产日期</th>
								<th>商品有效期</th>
								<th>商品描述</th>
								<th>商品录入时间</th>
								<th>最后修改时间</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td width="59"><label>
				          	  <input type="checkbox" name="cbk" id="cbk" value="${bookInfo.bookId}"/>
				          	</label></td>
								<td>1</td>
								<td>101</td>
								<td>张三</td>
								<td>业务部</td>
								<td class="f_wid">
									<div class='diy_select'>
										<input type='hidden' name='' class='diy_select_input' />
										<div class='diy_select_txt'>-选择-</div>
										<div class='diy_select_btn'></div>
										<ul class='diy_select_list'>
											<li>1月</li>
											<li>2月</li>
											<li>3月</li>
											<li>4月</li>
											<li>5月</li>
											<li>6月</li>
											<li>7月</li>
											<li>8月</li>
											<li>9月</li>
											<li>10月</li>
											<li>11月</li>
											<li>12月</li>
										</ul>
									</div>

								</td>
								<td class="f_wid">
									<div class='diy_select'>
										<input type='hidden' name='' class='diy_select_input' />
										<div class='diy_select_txt'>-选择-</div>
										<div class='diy_select_btn'></div>
										<ul class='diy_select_list'>
											<li>是</li>
											<li>否</li>
										</ul>
									</div>

								</td>
								<td class="f_wid">
									<div class='diy_select'>
										<input type='hidden' name='' class='diy_select_input' />
										<div class='diy_select_txt'>-选择-</div>
										<div class='diy_select_btn'></div>
										<ul class='diy_select_list'>
											<li>是</li>
											<li>否</li>
										</ul>
									</div>

								</td>
								<td class="f_wid">
									<div class='diy_select'>
										<input type='hidden' name='' class='diy_select_input' />
										<div class='diy_select_txt'>-选择-</div>
										<div class='diy_select_btn'></div>
										<ul class='diy_select_list'>
											<li>是</li>
											<li>否</li>
										</ul>
									</div>

								</td>
								<td class="f_wid">
									<div class='diy_select'>
										<input type='hidden' name='' class='diy_select_input' />
										<div class='diy_select_txt'>-选择-</div>
										<div class='diy_select_btn'></div>
										<ul class='diy_select_list'>
											<li>是</li>
											<li>否</li>
										</ul>
									</div>

								</td>
								<td class="f_wid">
									<div class='diy_select'>
										<input type='hidden' name='' class='diy_select_input' />
										<div class='diy_select_txt'>-选择-</div>
										<div class='diy_select_btn'></div>
										<ul class='diy_select_list'>
											<li>是</li>
											<li>否</li>
										</ul>
									</div>

								</td>
								<td><a href="#" class="tablelink">编辑</a> <a href="#" class="tablelink"> 删除</a></td>
							</tr>
						</tbody>
					</table>
					<div class="pagin">
						<div class="message">共<i class="blue">8</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
						<ul class="paginList">
							<li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
							<li class="paginItem  current"><a href="javascript:;">1</a></li>
							<li class="paginItem"><a href="javascript:;">2</a></li>
							<li class="paginItem"><a href="javascript:;">3</a></li>
							<li class="paginItem"><a href="javascript:;">4</a></li>
							<li class="paginItem"><a href="javascript:;">5</a></li>
							<li class="paginItem more"><a href="javascript:;">...</a></li>
							<li class="paginItem"><a href="javascript:;">10</a></li>
							<li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
						</ul>
					</div>
				</div>
			</div>
			
		</div>
	</body>
</html>
